// import dom from './lib/dom.js';
import { UIPanel, UIRow, UIHorizontalRule } from './lib/ui.js';

function MenubarText(editor) {

	const strings = editor.strings

	var container = new UIPanel();
	container.setClass('menu');

	// 文件
	var title = new UIPanel();
	title.setClass('title');
	title.setTextContent(strings.getKey('menubar/text'));
	container.add(title);

	// Group
	var options = new UIPanel();
	options.setClass('options');
	container.add(options);


	var option = new UIRow();
	option.setClass('option');
	option.setTextContent(strings.getKey('menubar/text/bold'));
	options.add(option)

	var option = new UIRow();
	option.setClass('option');
	option.setTextContent(strings.getKey('menubar/text/italic'));
	options.add(option)

	var option = new UIRow();
	option.setClass('option');
	option.setTextContent(strings.getKey('menubar/text/underline'));
	options.add(option);

    var hr = new UIHorizontalRule();
	options.add(hr);

    var option = new UIRow();
	option.setClass('option');
	option.setTextContent(strings.getKey('menubar/text/link'));
	options.add(option);

    var hr = new UIHorizontalRule();
	options.add(hr);

    var option = new UIRow();
	option.setClass('option');
	option.setTextContent(strings.getKey('menubar/text/left'));
	options.add(option);

    var option = new UIRow();
	option.setClass('option');
	option.setTextContent(strings.getKey('menubar/text/center'));
	options.add(option);

    var option = new UIRow();
	option.setClass('option');
	option.setTextContent(strings.getKey('menubar/text/right'));
	options.add(option);
    
    var option = new UIRow();
	option.setClass('option');
	option.setTextContent(strings.getKey('menubar/text/justify'));
	options.add(option);

	return container;

}

export { MenubarText };
